<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                template="./../templates/StakeholderPortalTemplate.xhtml">

    <ui:define name="content">
        <h:form>
        <p:growl id ="statusMessages" />
        <table border="1" bordercolor="#FFFFFF">
            <tr>
                <td>   
                    <h:outputText value="Upload a video"/>
                    <h:inputText value="#{stakeholderAddUnstructuredContentUploadVideoManager.videoUrl}" id="video"/>

                </td>
            </tr>
            <tr>
                <td>   
                    <p:commandButton id="btnAddVideo" ajax="true" update="videoPreview" value="Add Video" actionListener="#{stakeholderAddUnstructuredContentUploadVideoManager.videoAdd}"/>
                </td>
            </tr>
            <tr>
                <td>      
                    <p:panel id="videoPreview" style="width:450px;height:315px;">
                        <object width="420px" height="315px"><param name="movie" value="#{stakeholderAddUnstructuredContentUploadVideoManager.videoUrl}?version=3&amp;hl=en_US&amp;rel=0"></param>
                            <param name="allowFullScreen" value="true"></param>
                            <param name="allowscriptaccess" value="always"></param>
                            <embed src="#{stakeholderAddUnstructuredContentUploadVideoManager.videoUrl}?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="420px" height="315px" allowscriptaccess="always" allowfullscreen="true"></embed>
                        </object>
                    </p:panel>
                </td>
            </tr>
            <tr>
                <td><p:commandButton id="btnConfirm" ajax="true" value="Confirm" actionListener="#{stakeholderAddUnstructuredContentUploadVideoManager.confirmVideo}"/></td>
            </tr>
        </table>
        </h:form>
    </ui:define>

</ui:composition>
